<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="/WEB-INF/templates/templateFormulario.xhtml">


	<ui:define name="formContent">
		<f:loadBundle basename="props.lenguajes.messages" var="msg" />

		<p:layout fullPage="true">
			<p:layoutUnit position="west" size="400">
				<p:panelGrid columns="1">
					<p:commandButton value="Autoevaluar" action="#{colaboradorCCMB.autoevaluar}">
					</p:commandButton>
					<p:commandButton value="Historial" action="#{colaboradorCCMB.mostrarHistorial}">
					</p:commandButton>
				</p:panelGrid>
				<p:panelGrid columns="1">
					<p:outputLabel></p:outputLabel>
					<p:outputLabel></p:outputLabel>
					<p:outputLabel></p:outputLabel>
					<p:outputLabel></p:outputLabel>
					<p:outputLabel></p:outputLabel>
					<p:outputLabel></p:outputLabel>
					<p:outputLabel></p:outputLabel>
					<p:outputLabel></p:outputLabel>
					<p:outputLabel></p:outputLabel>
					<p:outputLabel></p:outputLabel>
				</p:panelGrid>
				<p:panelGrid columns="2" style="width:390px;">
					<f:facet name="header">
						#{msg['message.per.gd.grales.info']}
					</f:facet>
					<p:outputLabel value="#{msg['message.per.gd.grales.nombre']}:"></p:outputLabel>
					<p:inputText value="#{colaboradorCCMB.nombreEmpleado}" disabled="true"></p:inputText>
					<p:outputLabel value="#{msg['message.per.gd.grales.estatus']}:"></p:outputLabel>
					<p:inputText value="#{colaboradorCCMB.estatus}" disabled="true"></p:inputText>
					<p:outputLabel value="#{msg['message.per.gd.grales.periodo']}:"></p:outputLabel>
					<p:inputText value="#{colaboradorCCMB.periodo}" disabled="true"></p:inputText>
					<p:outputLabel value="#{msg['message.per.gd.cc.pinicial']}:"></p:outputLabel>
					<p:inputText value="#{colaboradorCCMB.pInicial}" disabled="true"></p:inputText>
					<p:outputLabel value="#{msg['message.per.gd.grales.nombreJefe']}:"></p:outputLabel>
					<p:inputText value="#{colaboradorCCMB.nombreJefe}" disabled="true"></p:inputText>
				</p:panelGrid>
				<p:progressBar value="#{colaboradorCCMB.porcentajeEstatus}" displayOnly="true" />
			</p:layoutUnit>
			<p:layoutUnit position="center">
				<p:panel id="panelCCForm" header="#{msg['message.per.gd.cc']}">
					<p:panelGrid>
						<p:row>
							<p:column></p:column>
							<p:column></p:column>
							<p:column></p:column>
							<p:column></p:column>
							<p:column></p:column>
							<p:column></p:column>
							<p:column></p:column>
							<p:column></p:column>
							<p:column></p:column>
							<p:column></p:column>
						</p:row>
						<p:row>
							<p:column colspan="10">#{msg['message.per.gd.cc.autoevaluacion']}</p:column>
						</p:row>
						<p:row>
							<p:column colspan="4">#{msg['message.per.gd.cc.personaAEvaluar']}</p:column>
							<p:column colspan="2">#{colaboradorCCMB.nombreEmpleado}</p:column>
							<p:column colspan="4">#{msg['message.per.gd.cc.personaaEvaluarComplemento']}</p:column>
						</p:row>
						<p:row>
							<p:column></p:column> 
						</p:row>
						<p:row>
							<p:column colspan="10"><p:separator></p:separator></p:column>  
						</p:row>
						<p:row>
							<p:column></p:column> 
						</p:row>
						<p:row>
							<p:column colspan="10" style="background-color: #DEBA19">Experiencia</p:column>
						</p:row>
						<p:row>
							<p:column></p:column> 
						</p:row>
						<p:row>
							<p:column colspan="1" style="background-color: #81BEF7">1</p:column>
							<p:column colspan="9" style="background-color: #F2F2F2">Calidad del Trabajo</p:column>
						</p:row>
						<p:row>
							<p:column></p:column> 
						</p:row>
						<p:row>
							<p:column></p:column> 
						</p:row>
						<p:row>
							<p:column colspan="2"></p:column>
							<p:column colspan="3" style="background-color: #81BEF7"></p:column>
							<p:column colspan="1" style="background-color: #81BEF7">#{msg['message.per.gd.cc.p1']}</p:column>
							<p:column colspan="1" style="background-color: #81BEF7">#{msg['message.per.gd.cc.p2Mas']}</p:column>
							<p:column colspan="1" style="background-color: #81BEF7">#{msg['message.per.gd.cc.p2']}</p:column>
							<p:column colspan="1" style="background-color: #81BEF7">#{msg['message.per.gd.cc.p2Menos']}</p:column>
							<p:column colspan="1" style="background-color: #81BEF7">#{msg['message.per.gd.cc.p3']}</p:column>
						</p:row>
						<p:row>
							<p:column colspan="2"></p:column>
							<p:column colspan="3" style="background-color: #81BEF7;">#{msg['message.per.gd.cc.situacion']}</p:column>
							<p:column colspan="1" style="background-color: #81BEF7">#{msg['message.per.gd.cc.p1.descripcion']}</p:column>
							<p:column colspan="1" style="background-color: #81BEF7">#{msg['message.per.gd.cc.p2Mas.descripcion']}</p:column>
							<p:column colspan="1" style="background-color: #81BEF7">#{msg['message.per.gd.cc.p2.descripcion']}</p:column>
							<p:column colspan="1" style="background-color: #81BEF7">#{msg['message.per.gd.cc.p2Menos.descripcion']}</p:column>
							<p:column colspan="1" style="background-color: #81BEF7">#{msg['message.per.gd.cc.p3.descripcion']}</p:column>
						</p:row>
						<p:row>
							<p:column></p:column>
						</p:row>
						<p:row>
							<p:column colspan="2"></p:column>
							<p:column colspan="3">Asegura el cumplimiento de los objetivos y metas en el plazo acordado; incluso de varios temas a la vez</p:column>
							<p:column colspan="1"><p:selectBooleanCheckbox></p:selectBooleanCheckbox></p:column>
							<p:column colspan="1"><p:selectBooleanCheckbox></p:selectBooleanCheckbox></p:column>
							<p:column colspan="1"><p:selectBooleanCheckbox></p:selectBooleanCheckbox></p:column>
							<p:column colspan="1"><p:selectBooleanCheckbox></p:selectBooleanCheckbox></p:column>
							<p:column colspan="1"><p:selectBooleanCheckbox></p:selectBooleanCheckbox></p:column>
						</p:row>
					</p:panelGrid>
				</p:panel>
			</p:layoutUnit>
		</p:layout>
	</ui:define>

</ui:composition>